<template>
  <div class="min-h-screen bg-gray-50">
    <div class="max-w-md mx-auto p-6">
      <a-card class="shadow-sm">
        <div class="text-center">
          <a-result
            status="warning"
            title="支付已关闭"
            :sub-title="`订单号：${orderNo}`"
          >
            <template #extra>
              <a-button type="primary" @click="goBack">返回商户</a-button>
            </template>
          </a-result>
        </div>
      </a-card>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRoute } from 'vue-router'

const route = useRoute()
const orderNo = route.query.orderNo as string

const goBack = () => {
  // 这里需要根据实际情况返回商户页面
  window.location.href = '/'
}
</script>

<style scoped>
.ant-card {
  border-radius: 8px;
}
</style>